<p-panel [collapsed]="false" header="筛选查询" [collapsed]="false" headerClass="bg-eaeaea border-none" headerClass="bg-eaeaea border-none"
    [(searchText)]="searchObj.searchValue" maxlength="50" search="工队名称/用户名/手机号/姓名" (onSearch)="search();dt.reset();">
    <!-- <p-header>
                <span class="border-l-1a8fe8 p-l-8">搜索条件 </span>
            </p-header> -->
    <div class="p-2-8">
        <div class="inline-block">
            <span class="p-r-10 opacity06">所属公司： </span>
            <p-dropdown placeholder="全部" styleClass="width-150 m-r-30" [options]="organizationArr" [(ngModel)]="selectedOrganization"
                [ngModelOptions]="{standalone: true}" optionLabel="name" (onChange)='search();dt.reset();'></p-dropdown>
        </div>
        <div class="inline-block">
            <span class="p-r-10 opacity06">状态： </span>
            <p-dropdown placeholder="全部" styleClass="width-150 m-r-30" [options]="billStatus" [(ngModel)]="selectedBillStatus" [ngModelOptions]="{standalone: true}"
                optionLabel="name" (onChange)='search();dt.reset();'></p-dropdown>
        </div>

        <div class="inline-block">
            <span class="p-r-10 opacity06">保证金状态： </span>
            <p-dropdown placeholder="全部" styleClass="width-150 m-r-30" [options]="cashDepositStatus" [(ngModel)]="selectedCashDepositStatus"
                [ngModelOptions]="{standalone: true}" optionLabel="name" (onChange)='search();dt.reset();'></p-dropdown>
        </div>

        <!-- <div class="inline-block width-250 pull-right">
                    <div class="relative">
                        <input type="text" class="width-full p-input" pInputText [(ngModel)]="searchObj.searchValue" placeholder="工队名称/用户名/手机号/姓名"
                            (keyUp.enter)="search()">
                        <span class="icon-search-right" (click)="search()"></span>
                    </div>
                </div> -->
    </div>
</p-panel>
<div class="content-section implementation ">
    <p-dataTable #dt [value]="listData" [customWidth]="true"  [marginHeight]="20" [totalRecords]="totalRecords" [lazy]="true" (onLazyLoad)="onPage($event)"
         [paginator]="paginator" [(selection)]="selectedRowData" [headerCheckboxToggleAllPages]="true" scrollable="true">
        <p-header>
            <button pButton type="button" (click)="addTeam()" label="新建" class="btn btn-secondary "></button>
            <button pButton type="button" (click)="stopOrder()" label="停止接单" class="btn btn-secondary  m-l-8"></button>
            <button pButton type="button" (click)="addWorker()" label="添加工人" class="btn btn-secondary  m-l-8"></button>
        </p-header>
        <p-column [style]="{'width':'46px'}" selectionMode="multiple"></p-column>
        <p-column *ngFor="let col of colsSelected" [field]='col.field' [header]='col.header' [hidden]="col.hidden" [sortable]="col.sortable">
            <ng-template let-index="rowIndex" let-data="rowData" pTemplate="body" *ngIf="col.tem">
                <!-- <div *ngIf="col.field === 'account'"   (click)="info(data)"  style="color:#1a91eb;cursor:pointer;">
                            {{data.account}}
                        </div> -->
                <div *ngIf="col.field === 'account'">
                    <a class="color-1a91eb" [title]="data[col.field]"  target="_blank" [routerLink]="['/saas/engineer/constructionteam/teaminfo/', data.id]"> {{data.account}} </a>
                </div>
            </ng-template>
        </p-column>
    </p-dataTable>
</div>
